body{
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
a{
    text-decoration: none;
}
#video{
    width: 80vw;
    height: 75vh;
    display: block;
    margin: 3vh auto;
    background-color: #000;
}
.speed{
    text-align: center;
    height: 3vh;
    line-height: 3vh;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.fw{
    font-weight: bold;
}
section{
    width: 80vw;
    height: 3vh;
    line-height: 3vh;
    margin: 1vh auto;
    font-size: 16px;
}
.input button{
    height: 3vh;
    line-height: 3vh;
    border: none;
    color: #fff;
    background-color: brown;
    padding: 0 1vw;
    margin: 0 1vw;
    cursor: pointer;
}
#input{
    width: 40vw;
    height: 3vh;
    padding: 0 1vw;
    margin: 0;
    border: 1px solid #ccc;
}
.hover{
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: rgba(0,0,0,0.4);
    top:0;
    left:0;
    display: none;	
}
#container{
    position: absolute;
    top: 40vh;
    z-index: 101;
    width: 100vw;
    color: #fff;
}